<!-- 面包屑导航 -->
<nav class="flex mb-6" aria-label="Breadcrumb">
    <ol class="inline-flex items-center space-x-1">
        <li class="inline-flex items-center">
            <a href="/" class="text-gray-500 hover:text-blue-500 text-sm">首页</a>
        </li>
        {if $goods.cate}
        <li>
            <div class="flex items-center">
                <svg class="w-4 h-4 mx-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                </svg>
                <a href="{$goods.cate.url}" class="text-gray-500 hover:text-blue-500 text-sm">
                    {$goods.cate.name}
                </a>
            </div>
        </li>
        {/if}
        <li aria-current="page">
            <div class="flex items-center">
                <svg class="w-4 h-4 mx-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                </svg>
                <span class="text-gray-500 text-sm">{$goods.name}</span>
            </div>
        </li>
    </ol>
</nav>
